@charset "UTF-8";
body {
  width: 300px;
  height: 500px;
  overflow: hidden;
  background: url(../images/iframe/bg.png) 0 0 no-repeat;
  -webkit-background-size: 300px 510px;
     -moz-background-size: 300px 510px;
       -o-background-size: 300px 510px;
          background-size: 300px 510px;
  line-height: 1.6;
  font-size: 13px;
  color: #666;
  font-family: Helvetica, "Microsoft YaHei",微软雅黑 , Arial,sans-serif; }

#cover {
  z-Index: 9; }

.section {
  width: 300px;
  height: 510px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  padding-top: 298px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

.circles {
  overflow: hidden; }
  .circles .left {
    background: url("../images/iframe/left-circle.png") 0 0 no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    width: 50%;
    height: 120px;
    float: left; }
  .circles .right {
    background: url("../images/iframe/right-circle.png") 0 0 no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    width: 50%;
    height: 120px;
    float: left; }
    .circles .right span {
      left: 39px !important; }
  .circles .left, .circles .right {
    position: relative; }
    .circles .left span, .circles .right span {
      position: absolute;
      top: 37px;
      font-size: 20px;
      display: inline-block;
      width: 70px;
      left: 45px;
      text-align: center;
      color: #044384;
      font-weight: bold; }

img.btn {
  margin: 0 auto;
  display: block; }
